<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      body {
        font-size: 30;
      }
      .register {
        background-color: orange;
        font-size: 20;
        padding: 10;
        border: 1px solid #ccc;
      }
    </style>
  </head>
  <body>
    <h4>hello world</h4>
    <h5>git branch test新建一个test分支</h5>
    <h5>git branch 查看分支</h5>
    <h5>git checkout test 切换到test分支</h5>
    <h5>git branch 查看分支</h5>
    <h5>git push origin test 推送test分支</h5>
    <h5>git add . 提交到暂存区</h5>
    <h5>git commit -m '提交到仓库区'</h5>
    <h5>git commit -a -m '直接从工作区提交到仓库区'</h5>
    <h5>
      git push -u origin master '记住之前提交的命令 下次可以直接使用git push'
    </h5>
    <button style="color: pink" onclick="alert('登陆成功')">登录</button>
    <button class="register1" onclick="register()">注册</button>
    <button class="register2">注册2</button>
    <button class="register3">注册3</button>

    <script>
        //浏览器遇到Script会
      function register() {
        alert("注册成功");
      }
      //   const register = () => {
      //     alert("注册成功");
      //   };
      document.querySelector(".register2").onclick = ()=>{
        alert('注册2')
      }
      document.querySelector(".register3").addEventListener("click",()=>{
        alert('注册3')
      })
    </script>
  </body>
</html>
